<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=2.0"
    />
    <link rel="stylesheet" href="style.css" />
    <title>Rolling Parallax In Js</title>
  </head>
  <body>
    <div class="parallax">
      <img src="./images/bc1.png" id="bc1" />
      <img src="./images/bc2.png" id="bc2" />
      <img src="./images/bc3.png" id="bc3" />
      <img src="./images/bc4.png" id="bc4" />
      <img src="./images/bc5.png" id="bc5" />
      <img src="./images/tree.png" id="tree" />
      <h2 id="text">Rolling Parallax</h2>
      <img src="./images/leaf.png" id="leaf" />
      <img src="./images/plant.png" id="plant" />
    </div>

    <div class="contentBox">
      <h2>Parallax Scrolling</h2>
      <text class="content">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. In explicabo
        eius beatae, rerum velit tenetur sint aliquid sapiente nesciunt
        recusandae ipsum dolore ducimus aut ab neque minus libero soluta? Quis,
        asperiores non a provident quasi repellat. Ab voluptatum voluptas,
        accusamus aliquid, provident ullam autem dolorem, laudantium minima
        veniam veritatis nam obcaecati facilis culpa fuga suscipit eius. Libero
        natus excepturi cum distinctio commodi deserunt minus repellat voluptas
        non necessitatibus provident eaque, praesentium explicabo cupiditate
        enim mollitia quia ut. Cupiditate, ipsam ullam nemo harum nulla sequi
        quas nihil, amet itaque, pariatur similique. Beatae facilis consectetur
        sapiente? Vitae iste ducimus et quae quo hic, vero sequi enim a
        voluptatem numquam, magnam adipisci, facilis veniam tempore cupiditate!
        Quae dolor quia illum, veritatis perspiciatis animi officia magni
        deleniti aliquam iste accusantium sapiente, corrupti, numquam beatae!<br /><br />
        Lorem ipsum dolor sit amet consectetur adipisicing elit. In explicabo
        eius beatae, rerum velit tenetur sint aliquid sapiente nesciunt
        recusandae ipsum dolore ducimus aut ab neque minus libero soluta? Quis,
        asperiores non a provident quasi repellat. Ab voluptatum voluptas,
        accusamus aliquid, provident ullam autem dolorem, laudantium minima
        veniam veritatis nam obcaecati facilis culpa fuga suscipit eius. Libero
        natus excepturi cum distinctio commodi deserunt minus repellat voluptas
        non necessitatibus provident eaque, praesentium explicabo cupiditate
        enim mollitia quia ut. Cupiditate, ipsam ullam nemo harum nulla sequi
        quas nihil, amet itaque, pariatur similique. Beatae facilis consectetur
        sapiente? Vitae iste ducimus et quae quo hic, vero sequi enim a
        voluptatem numquam, magnam adipisci, facilis veniam tempore cupiditate!
        Quae dolor quia illum, veritatis perspiciatis animi officia magni
        deleniti aliquam iste accusantium sapiente, corrupti, numquam beatae!<br /><br />
        Lorem ipsum dolor sit amet consectetur adipisicing elit. In explicabo
        eius beatae, rerum velit tenetur sint aliquid sapiente nesciunt
        recusandae ipsum dolore ducimus aut ab neque minus libero soluta? Quis,
        asperiores non a provident quasi repellat. Ab voluptatum voluptas,
        accusamus aliquid, provident ullam autem dolorem, laudantium minima
        veniam veritatis nam obcaecati facilis culpa fuga suscipit eius. Libero
        natus excepturi cum distinctio commodi deserunt minus repellat voluptas
        non necessitatibus provident eaque, praesentium explicabo cupiditate
        enim mollitia quia ut. Cupiditate, ipsam ullam nemo harum nulla sequi
        quas nihil, amet itaque, pariatur similique. Beatae facilis consectetur
        sapiente? Vitae iste ducimus et quae quo hic, vero sequi enim a
        voluptatem numquam, magnam adipisci, facilis veniam tempore cupiditate!
        Quae dolor quia illum, veritatis perspiciatis animi officia magni
        deleniti aliquam iste accusantium sapiente, corrupti, numquam beatae!<br /><br />
      </text>
    </div>
    <script src="script.js"></script>
  </body>
</html>
